<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'BuffaloTest.jsp' starting page</title>
  	<script type="text/javascript" src="js/public/jquery-1.7.2.min.js"></script>
  	<script type="text/javascript" src="js/public/autocomplete.js"></script>
  	<script type="text/javascript">
		$(function() {
			$('#keyword').autocomplete(
					"auto?method=getTest",
					{
						max : 12, //列表里的条目数 
						minChars : 1, //自动完成激活之前填入的最小字符 
						width : 200, //提示的宽度，溢出隐藏 
						scrollHeight : 300, //提示的高度，溢出显示滚动条 
						matchContains : false, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示 
						autoFill : false, //自动填充 
						parse: function(data){    
                             var rows = [];    
                             var d = data;    
                             for(var i=0; i<d.length; i++){    
                              rows[rows.length] = {    
                                data:d[i], //每条数据对象   
                                value:d[i].name, //与输入的值比较的数据  
                                result:d[i].name  //选中的实际数据  
                              };    
                             }    
                             return rows;    
                         },
						formatItem : function(row, i, max) {
							return  row.name;
						},
						formatMatch : function(row, i, max) {
							return row.name;
						},
						formatResult : function(row) {
							return row.name;
						}
					}).result(function(event, row, formatted) {
						
			});
		});
	</script>
  </head>
  
  <body>
  	<input id="keyword" style="width: 200px"/> 
  </body>
</html>
